<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--sweetalert2-->

    <link href="../dist/sweetalert2.min.css" rel="stylesheet">
    <script src="../dist/jquery2.1.1.min.js" type="text/javascript"></script>
    <script src="../dist/sweetalert2.min.js" type="text/javascript"></script>
</head>
<body>

<!--模拟现实中请求资源-->

<script>
    const p = Swal.fire({
        title: '警告',                   //大标题
        text: '确认删除图片吗?',               //文本内容
        icon: 'info',                 // 可以选择  success  error  warning  info   question
        confirmButtonText: '确认',
    })

    // 注意p不是一个promise对象  可以看做是 swal对象  内部也有自定义的then方法用于 结果回调
    // 调用自己的then方法后 返回的是promise对象  后面就可以用promise对象完成链式调用
    console.log(p)


    p.then(function (data) {
        console.log(data)
        if (data.value) {
            Swal.fire({
                title: "请稍等",
                text: "正在删除，请稍候...",
                icon: "warning",
                showConfirmButton: false,
                allowOutsideClick: false, //弹框外是否可点
            });

            return true;
        }
    }).then(function (){

      /*  return new Promise(function (resolve, reject) {

            setTimeout(function () {

                //调用成功的回调函数
                resolve('ok');
            }, 3000)

        });*/


        //返回 新的promise对象 中断调用链条
         return new Promise(function (){});


    }).then(function (data) {


        console.log(data)

        $.ajax({
            url: "./json/2.txt",
            async: false,
            type: "post",
            data: {},

            success: function (data) {
                //   var json = eval("("+data+")");  //es5方法  json字符串转JSON对象

                var json = $.parseJSON(data)       //jquery方法   json字符串转JSON对象

                console.log(JSON.stringify(json))    // jquery方法  json对象转 字符串


                if (json.ip == '123456') {
                    Swal.fire({
                        title: '删除成功',
                        icon: 'success',
                        confirmButtonText: '确认',
                    });
                } else {
                    Swal.fire({
                        title: '删除失败',
                        icon: 'error',
                        confirmButtonText: '确认',
                    });
                }
            }
        });

    },function (data){

        console.log("失败回调")
        console.log(data)

        return "失败"

    }).then(function (data){
        console.log(data)
    },function (data){
        console.log(data)
        console.log("失败回调2")
    })
</script>

</body>
</html>